<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的订单</title>
    
    <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../css/own.css"/>
   
</head>
<body>
	
	<header class="mui-bar mui-bar-nav">
		<button type="button" class="mui-action-back mui-btn  mui-btn-link mui-pull-left own-button" >
			<span class="mui-action-back mui-icon mui-icon-left-nav own-left-nav-color"></span>
			<span class="own-left-nav-color">取消</span>
		</button>
		<h1 class="mui-title">我的订单</h1>
	</header>
	
	
	<div class="mui-content own-content-padding">
		<h4 style="margin-left: 5%; padding-top: 10px; color: #A9A9A9;">已完成订单</h4>
		
		<ul id="addressList" class="mui-table-view">
				<li class="mui-table-view-cell">
					<div class="mui-row" style="margin-top: 5px;">
				<span class="mui-col-xs-1 mui-icon mui-icon-paperplane"></span>
				<span class="mui-col-xs-4">10月4日18:50</span>
				<span class="mui-col-xs-5" style="color: #04BB21;">精神支持</span>
				<span class="mui-col-xs-2">已完成</span>
					</div>
					<div class="mui-row" style="margin-top: 5px;">
				<span class="mui-col-xs-1 mui-icon mui-icon-person"></span>
				<span class="mui-col-xs-3">张三</span>
				<span class="mui-col-xs-6 mui-icon mui-icon-phone">12345678901</span>
				<span class="mui-col-xs-2 mui-icon mui-icon-arrowright"></span>
				
					</div>
						<div class="mui-row" style="margin-top: 5px;">
				<span class="mui-col-xs-1 mui-icon mui-icon-location" ></span>
				<span class="mui-col-xs-7">张三三张三张三张三张三张三张三张三张三张三</span>
				
				
					</div>
				
				</li>
				
				
			</ul>
		
		
	</div>

	<script src="../js/mui.min.js" charset="UTF-8"></script>
	<script src="../js/own.js" charset="UTF-8"></script>
	<script type="text/javascript" charset="UTF-8">
		
		
		
		
	</script>
	
</body>
</html>